{% load i18n %}
{% get_current_language as LANGUAGE_CODE %}
<!DOCTYPE html>
<html manifest="cache.manifest">
<head>
  <meta charset="utf-8" />
  <meta name="description" content="京都市バス経路検索：最寄バス停も出発到着時刻もすぐ分かる。iPhone, Androidなどをサポート" />
  <meta name="keywords" content="京都,バス,市バス,経路,検索,モバイル,携帯,最寄,出発,到着,時刻,時間,kyoto,bus,iphone,andriod" />
  <meta name="author" content="Mingmin Xie" />
  <title>{% trans "Kyoto Bus" %}</title>
  <link rel="shortcut icon" href="/favicon.ico">
  <link rel="mixi-check-image" type="image/jpeg" href="http://www.xbus.info/static/img/1.jpg" />
  <script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="http://maps.google.com/maps/api/js?v=3.2&sensor=true" type="text/javascript" charset="utf-8"></script>
  <script src="/static/jqtouch/jqtouch.js" type="text/javascript" charset="utf-8"></script>
  <script src="/static/extensions/jqt.location.js" type="text/javascript" charset="utf-8"></script>
  <script src="/static/holiday.js" type="text/javascript" charset="utf-8"></script>
  <script src="/static/jsi18n/{{ LANGUAGE_CODE }}.js" type="text/javascript" charset="utf-8"></script>
  <script src="/static/xbus.js" type="text/javascript" charset="utf-8"></script>
  <style type="text/css" media="screen">@import "/static/jqtouch/jqtouch.css";</style>
  <style type="text/css" media="screen">@import "/static/themes/apple/theme.css";</style>
  <style type="text/css" media="screen">@import "/static/style.css";</style>
</head>
<body id="jqt">
<div id="home" class="current">
  <div class="toolbar">
    <h1>{% trans "Kyoto Bus" %}</h1>
    <a class="button leftButton slideup" href="#about">About</a>
    <a id="swap" class="button" href="#">{% trans "Swap" %}</a>
  </div>
  <ul class="rounded">
    <li class="arrow"><a id="from_link" href="#selection">{% trans "From: " %}</a></li>
    <li class="arrow"><a id="to_link" href="#selection">{% trans "To: " %}</a></li>
    <li style="color:black">
      {% trans "Time" %}
      <select id="day" name="day" style="display:inline;width:70px;margin-left:30px;color:black">
        <option value="weekday">{% trans "Weekday" %}</option>
        <option value="saturday">{% trans "Saturday" %}</option>
        <option value="holiday">{% trans "Sunday" %}</option>
      </select>
      <select id="hour" name="hour" style="display:inline;width:30px;margin-left:10px;color:black">
        <option value="0">0</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9" selected="selected">9</option>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
        <option value="13">13</option>
        <option value="14">14</option>
        <option value="15">15</option>
        <option value="16">16</option>
        <option value="17">17</option>
        <option value="18">18</option>
        <option value="19">19</option>
        <option value="20">20</option>
        <option value="21">21</option>
        <option value="22">22</option>
        <option value="23">23</option>
      </select>:
      <select id="minute" name="minute"
        style="display:inline;width:50px;margin-left:5px;color:black">
        <option value="0">00</option>
        <option value="1">01</option>
        <option value="2">02</option>
        <option value="3">03</option>
        <option value="4">04</option>
        <option value="5">05</option>
        <option value="6">06</option>
        <option value="7">07</option>
        <option value="8">08</option>
        <option value="9">09</option>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
        <option value="13">13</option>
        <option value="14">14</option>
        <option value="15">15</option>
        <option value="16">16</option>
        <option value="17">17</option>
        <option value="18">18</option>
        <option value="19">19</option>
        <option value="20">20</option>
        <option value="21">21</option>
        <option value="22">22</option>
        <option value="23">23</option>
        <option value="24">24</option>
        <option value="25">25</option>
        <option value="26">26</option>
        <option value="27">27</option>
        <option value="28">28</option>
        <option value="29">29</option>
        <option value="30">30</option>
        <option value="31">31</option>
        <option value="32">32</option>
        <option value="33">33</option>
        <option value="34">34</option>
        <option value="35">35</option>
        <option value="36">36</option>
        <option value="37">37</option>
        <option value="38">38</option>
        <option value="39">39</option>
        <option value="40">40</option>
        <option value="41">41</option>
        <option value="42">42</option>
        <option value="43">43</option>
        <option value="44">44</option>
        <option value="45">45</option>
        <option value="46">46</option>
        <option value="47">47</option>
        <option value="48">48</option>
        <option value="49">49</option>
        <option value="50">50</option>
        <option value="51">51</option>
        <option value="52">52</option>
        <option value="53">53</option>
        <option value="54">54</option>
        <option value="55">55</option>
        <option value="56">56</option>
        <option value="57">57</option>
        <option value="58">58</option>
        <option value="59">59</option>
      </select>
    </li>
  </ul>
  <ul>
    <li style="text-align:center"><a href="#direction">{% trans "Route Search" %}</a></li>
  </ul>
  <div style="text-align:center">
    <a target="_webapp" href="/en/">English</a>
  </div>
  <div style="text-align:center">
    <p>
      <a href="http://twitter.com/share" class="twitter-share-button" data-text="{% trans "Kyoto Bus Route Search" %}" data-url="http://www.xbus.info" data-count="horizontal" data-via="melvinxie" data-lang="{{ LANGUAGE_CODE }}">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
      <a href="http://mixi.jp/share.pl" class="mixi-check-button" data-key="f96d28a990f49441ee413e618241a891888a851c">mixiチェック</a><script type="text/javascript" src="http://static.mixi.jp/js/share.js"></script>
    </p>
    <div style="margin-top:10px">
    {% if mobile %}
      <script type="text/javascript"><!--
        // XHTML should not attempt to parse these strings, declare them CDATA.
        /* <![CDATA[ */
        window.googleAfmcRequest = {
          client: 'ca-mb-pub-3913702637460425',
          format: '320x50_mb',
          output: 'html',
          slotname: '5921776513',
        };
        /* ]]> */
      //--></script>
      <script type="text/javascript"    src="http://pagead2.googlesyndication.com/pagead/show_afmc_ads.js"></script>
    {% else %}
      <script type="text/javascript"><!--
      google_ad_client = "ca-pub-3913702637460425";
      /* xbus */
      google_ad_slot = "2482435812";
      google_ad_width = 234;
      google_ad_height = 60;
      //-->
      </script>
      <script type="text/javascript"
      src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
      </script>
    {% endif %}
    </div>
  </div>
</div>
<div id="selection">
  <div class="toolbar">
    <h1></h1>
    <a class="back" href="#">{% trans "Back" %}</a>
  </div>
  <ul>
    <li class="arrow"><a href="#nearby">{% trans "Nearby Bus Stops" %}</a></li>
    <li class="arrow"><a href="#geocoder">{% trans "Address, Place Search" %}</a></li>
    <li class="arrow"><a href="#stations">{% trans "Bus Stops by Pronunciation" %}</a></li>
  </ul>
</div>
<div id="nearby">
  <div class="toolbar">
    <h1>{% trans "Nearby" %}</h1>
    <a class="back" href="#">{% trans "Back" %}</a>
  </div>
  <div class="info"><p id="message"></p></div>
  <div id="nearby_stations">
  </div>
</div>
<div id="stations">
  <div class="toolbar">
    <h1>{% trans "Initials" %}</h1>
    <a class="back" href="#">{% trans "Back" %}</a>
  </div>
  <ul id="readings">
    <li><a href="/list/a">あ</a><a href="/list/i">い</a><a href="/list/u">う</a><a href="/list/e">え</a><a href="/list/o">お</a></li>
    <li><a href="/list/ka">か</a><a href="/list/ki">き</a><a href="/list/ku">く</a><a href="/list/ke">け</a><a href="/list/ko">こ</a></li>
    <li><a href="/list/sa">さ</a><a href="/list/si">し</a><a href="/list/su">す</a><a href="/list/se">せ</a><a href="/list/so">そ</a></li>
    <li><a href="/list/ta">た</a><a href="/list/ti">ち</a><a href="/list/tu">つ</a><a href="/list/te">て</a><a href="/list/to">と</a></li>
    <li><a href="/list/na">な</a><a href="/list/ni">に</a><span>　</span><span>　</span><a href="/list/no">の</a></li>
    <li><a href="/list/ha">は</a><a href="/list/hi">ひ</a><a href="/list/hu">ふ</a><a href="/list/he">へ</a><a href="/list/ho">ほ</a></li>
    <li><a href="/list/ma">ま</a><a href="/list/mi">み</a><a href="/list/mu">む</a><a href="/list/me">め</a><a href="/list/mo">も</a></li>
    <li><a href="/list/ya">や</a><span>　</span><a href="/list/yu">ゆ</a><span>　</span><a href="/list/yo">よ</a></li>
    <li><a href="/list/ra">ら</a><a href="/list/ri">り</a><span>　</span><span>　</span><a href="/list/ro">ろ</a></li>
    <li><a href="/list/wa">わ</a><span>　</span><span>　</span><span>　</span><span> </span></li>
  </ul>
</div>
<div id="geocoder">
  <div class="toolbar">
    <h1>{% trans "Place Search" %}</h1>
    <a class="back" href="#">{% trans "Back" %}</a>
  </div>
  <ul>
    <li><input id="query" placeholder="入力：住所、地名、郵便番号" type="text" /></li>
  </ul>
  <div class="info"><p id="status">例：平安神宮、京都大学、6068501</p></div>
  <div id="query_stations">
  </div>
</div>
<div id="direction">
  <div class="toolbar">
    <h1>{% trans "Directions" %}</h1>
    <a class="back" href="#">{% trans "Back" %}</a>
  </div>
  <div class="info"><p id="msg"></p></div>
  <div id="results">
  </div>
</div>
<div id="about">
  <div class="toolbar">
    <h1>About</h1>
    <a class="back" href="#">{% trans "Back" %}</a>
  </div>
  <p>このサイトは<a target="_webapp" href="http://twitter.com/melvinxie">@melvinxie</a>の個人プロジェクトです。</p>
  <p>Mobile: iPhone, Android, Palm Preなどのスマートフォンでお使いください。</p>
  <p>PC: 同じように使えます。<a target="_webapp" href="http://www.google.com/chrome/">Chrome</a>又は<a target="_webapp" href="http://www.apple.com/safari/">Safari</a>ブラウザでおすすめです。</p>
  <p>Chromeユーザは<a target="_webapp" href="https://chrome.google.com/webstore/detail/icekoomnmdhnapaniobhkkofogifloif">Web Store App</a>もお使いください。</p>
  <p>欲しい機能や不具合な結果などを@melvinxieにツイートお願いいたします。</p>
</div>
</body>
</html>
